<template>
  <div class="employee-container">
    <el-row>
      <el-breadcrumb separator="/">
        <el-breadcrumb-item>首页</el-breadcrumb-item>
        <el-breadcrumb-item>基础信息管理</el-breadcrumb-item>
        <el-breadcrumb-item>员工管理</el-breadcrumb-item>
      </el-breadcrumb>
    </el-row>
    <el-row>
      <el-form label-width="80px">
        <el-row>
          <el-col :span="8">
            <el-form-item label="员工名" label-width="80px">
              <el-input></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="员工权限" label-width="80px">
              <el-input></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item>
              <el-button type="success">搜索</el-button>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </el-row>
    <el-row>
      <el-table
        :data="tableData"
        border
        stripe
        style="width: 100%">
        <el-table-column
          prop="name"
          label="姓名"
          width="180">
        </el-table-column>
        <el-table-column
          prop="age"
          label="年龄"
          sortable>
        </el-table-column>
        <el-table-column
          prop="gender"
          label="性别">
        </el-table-column>
        <el-table-column
          prop="address"
          label="地址">
        </el-table-column>
      </el-table>
      <el-pagination
        small
        layout="prev,pager,next"
        :total="50">
      </el-pagination>
    </el-row>
  </div>
</template>

<script>
  export default {
    name: "Employee", data(){
      return{
        tableData:[{
          name: '赵津妗',
          age:'20',
          gender:'女',
          address: '467'
        }, {

          name: '张齐',
          age:'20',
          gender:'男',
          address: '224'
        }, {

          name: '邹海琨',
          age:'20',
          gender:'男',
          address: '225'
        }, {

          name: '范佳齐',
          age:'20',
          gender:'男',
          address: '223'
        }]
      }
    },mounted() {
      var_this=this;
      this.axios({
        url:'http://localhost:3000/employee/list',
        method:'get'
      }).then(function (res) {
        _this.tableData=res.data;




      })

    }
  }



</script>

<style scoped>

</style>

